<?php
    include_once ('lib/odbv.class.php');

    $odbv = new odbv();
    $odbv->make();

    echo '<!DOCTYPE html>
        <html>
            <head>
                <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                <title>Визуализация баз данных</title>
                <!--<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>-->
                <script type="text/javascript" src="js/jquery-1.3.2.min.js" ></script>
                <script type="text/javascript" src="js/jquery.mousewheel.min.js" ></script>
                <script type="text/javascript" src="js/jquery.iviewer.js" ></script>
                <script type="text/javascript">
                    var $ = jQuery;
                    $(document).ready(function(){
                          $("#viewer").iviewer({src: "output/image.png", zoom: "100"});
                    });
                </script>
                <link rel="stylesheet" href="css/jquery.iviewer.css" />
                <link rel="stylesheet" href="css/main.css" />
            </head>
            <body>
                <!-- wrapper div is needed for opera because it shows scroll bars for reason -->
                <div class="wrapper">';
//                <span>
//                    <a id="in" href="#">+</a>
//                    <a id="out" href="#">-</a>
//                    <a id="fit" href="#">fit</a>
//                    <a id="orig" href="#">orig</a>
//
//                    <a id="update" href="#">update</a>
//                </span>
//
//    $("#viewer").iviewer(
//                       {
//                       src: "test_image.jpg",
//                       update_on_resize: false,
//                       initCallback: function ()
//                       {
//                           var object = this;
//                           $("#in").click(function(){ object.zoom_by(1);});
//                           $("#out").click(function(){ object.zoom_by(-1);});
//                           $("#fit").click(function(){ object.fit();});
//                           $("#orig").click(function(){  object.set_zoom(100); });
//                           $("#update").click(function(){ object.update_container_info();});
//                       },
//                       onMouseMove: function(object, coords) { },
//                       onStartDrag: function(object, coords) { return false; },
//                       onDrag: function(object, coords) { }
//                  });

    echo '          <div id="viewer" class="viewer"></div>
                    <div id="header">
                        <div id="menu">
                            <strong>Визуализация баз данных</strong><br />
                            <span class="small">time: '.(microtime(true) - $start_time).' sec.</span>
                        </div>
                        <a href="#" id="show_settings"><div id="arr">settings &#9660;</div></a>
                    </div>
                    <div id="info">
                        <div class="text">
                            <strong>Язык программирования:</strong><br />
                            PHP (PHP: Hypertext Preprocessor) - скриптовый язык программирования общего назначения,
                            интенсивно применяющийся для разработки веб-приложений. В настоящее время поддерживается
                            подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков
                            программирования, применяющихся для создания динамических веб-сайтов. Синтаксис PHP подобен
                            синтаксису языка Си. Некоторые элементы, такие как ассоциативные массивы и цикл foreach,
                            заимствованы из Perl. PHP поддерживает широкие объектно-ориентированные возможности.
                            <br />
                            <br />
                            <strong>Инструментальная стреда разработки:</strong><br />
                            NetBeans IDE - свободная интегрированная среда разработки приложений (IDE) на языках
                            программирования Java, JavaFX, Ruby, Python, PHP, JavaScript, C++ и ряде других. По
                            качеству и возможностям последние версии NetBeans IDE не уступают лучшим коммерческим
                            (платным) интегрированным средам разработки, , поддерживая рефакторинг, профилирование,
                            выделение синтаксических конструкций цветом, автодополнение набираемых конструкций на лету,
                            множество предопределённых шаблонов кода и др.
                            <br />
                            <br />
                            <strong>Используемая технология баз данных</strong><br />
                            MySQL - свободная система управления базами данных (СУБД). MySQL является решением для
                            малых и средних приложений.
                        </div>
                    </div>
                    <div id="footer">
                        Anton Fisher [php.anton@gmail.com] 2010
                    </div>
                </div>
                <script type="text/javascript" src="js/main.js" ></script>
            </body>
        </html>';
?>